<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <title>个人中心 - 库存管理系统</title>
    <link
      rel="stylesheet"
      href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
    />
    <style>
      body, html { height: 100%; margin: 0; }
      #app { height: 100vh; }
      .footer { text-align: center; padding: 10px 0; color: #888; background: #f5f5f5; }
    </style>
    <style>
      body,
      html {
        height: 100%;
        margin: 0;
      }
      #app {
        height: 100vh;
      }
      .footer {
        text-align: center;
        padding: 10px 0;
        color: #888;
        background: #f5f5f5;
      }
    </style>
  </head>
  <body>
    <div id="app">
      <el-container style="height: 100vh">
        <sidebar></sidebar>
        <el-container>
          <navbar></navbar>
          <!-- 内容区域 -->
          <el-main style="background: #f5f7fa; min-height: calc(100vh - 120px)">
            <admin-profile-content></admin-profile-content>
          </el-main>
          <!-- 页脚 -->
          <el-footer height="40px" class="footer">
            &copy; 2025 库存管理系统 | 版权所有
          </el-footer>
        </el-container>
      </el-container>
    </div>

    <!-- 引入 Vue 和 Element UI JS -->
    <script src="/static/js/vue.min.js"></script>
    <script src="/static/js/element-ui.js"></script>
    <script src="/static/js/layout/sidebar.js"></script>
    <script src="/static/js/layout/navbar.js"></script>
    <script src="/static/js/axios.min.js"></script>
    <script src="/static/js/request.js"></script>
    <script src="/static/js/api/auth.js"></script>
    <script src="/static/js/api/upload.js"></script>
    <script src="/static/js/components/common/ProfileInfo.js"></script>
    <script src="/static/js/components/common/AvatarUpload.js"></script>
    <script src="/static/js/components/common/PasswordChange.js"></script>
    <script src="/static/js/components/admin/ProfileContent.js"></script>
    <script>
      new Vue({
        el: "#app",
      });
    </script>
  </body>
</html>
